<!DOCTYPE html>
<html>
<head>
	<title>用户中心 -- 快件e栈服务平台</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
	<link href="css/normalize.css" type="text/css" rel="stylesheet" />
	<link href="css/common.css" type="text/css" rel="stylesheet" />
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/notice.js" type="text/javascript"></script>
	<script src="js/common.js" type="text/javascript"></script>
	<style type="text/css">
		body{
			background: #f4f4f4;
		}
		
		.userInfoCont{
			
		}
		.userHeaderDiv{
			background: #fff;
		}
		.userHeaderDiv .userHeader{
			width: 90%;
			margin: 0 auto;
			overflow: hidden;
			padding: 20px 0 10px;
			border-bottom: 1px solid #f1f1f1;
		}
		.userHeader .headerImg{
			width: 20%;
			float: left;
			border-radius: 50%;
			overflow: hidden;
		}
		.userHeader .headerImg img{
			display: block;
		}
		.userHeader p{
			margin: 0;
			margin-left: 15px;
			padding-left: 35px;
			font-weight: bold;
			float: left;
			background: url(images/student.png) no-repeat center left;
			background-size: 30px;
			overflow: hidden;
			white-space: nowrap; 
			text-overflow: ellipsis;
		}

		.userHeaderDiv .headerProm{
			width: 90%;
			margin: 0 auto;
			font-size: 12px;
			color:#888888;
		}
		.headerProm .editUserInfo{
			line-height: 60px;
			font-size: 14px;
			color:#333333;
			background: url(images/rightArrow.png) no-repeat center right;
			background-size: 20px;
			border-bottom: 1px solid #f4f4f4;
		}
		.headerProm .expUserInfo{
			line-height: 60px;
			font-size: 14px;
			color:#333333;
			background: url(images/rightArrow.png) no-repeat center right;
			background-size: 20px;
		}

		.headerProm .userQRcode{
			line-height: 60px;
			font-size: 14px;
			color:#333333;
			background: url(images/rightArrow.png) no-repeat center right;
			background-size: 20px;
		}

		.userNewsCont{
			width: 90%;
			padding: 0 5%;
			margin: 30px auto 10px;
			background: #fff;
		}
		.userNewsCont .userNews{
			width: 100%;
			border-bottom: 1px solid #f4f4f4;
			background: url(images/rightArrow.png) no-repeat center right;
			background-size: 20px;
		}
		.userNewsCont .userNews p{
			width: 80%;
			margin:0;
			padding-left: 30px;
			line-height: 60px;
			font-size: 12px;
			background: url(images/usernotice.png) no-repeat center left;
			background-size: 20px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.userNewsCont .userNewsLast{
			border:none;
		}
	</style>
</head>
<body>
	<div class="content">
	<div class="headerNav">
		<div class="headerNavTop"><div class="headerNavIcon headerNavIconOut"><span></span><span></span></div></div>
		<nav class="headerNavCont"></nav>
	</div>

	<div class="userInfoCont">
		<div class="userHeaderDiv">
			<a href="wxIdCardUserInfoModify.html"><div class="userHeader">
				<div class="headerImg">
					<img src="images/userHeadImg.jpg" alt="正在加载中..." width="100%">
				</div>
				<p id="name"></p>
			</div></a>
			<div class="headerProm">
				<p>请及时完善个人信息，方便快递员配送</p>
				<div class="editUserInfo">
					完善个人信息
				</div>
				<div class="userQRcode">
					我的取货二维码
				</div>
			</div>
		</div>

		<div class="userNewsCont">
			<div class="userNews  userNewsRead">
				<p>[通知]请尽快完善个人信息，以便领取快递</p>
			</div>
		</div>
	</div>

	<div class="footer">
		<p class="copyInfotxt">&copy;新职课版权所有</p>
	</div>
</div>
<script type="text/javascript">
	$(function() {
		var initFun = function(){
			var windowH = $(window).height();
			var contentH = $(".userInfoCont").height();
			if ((windowH - 30 -50)>contentH) {
				$(".userInfoCont").css({"height":(windowH -30 - 50)+"px"}); //nav footer
			}

			var headerW = $(".userHeader").width();
			var headImgH = headerW*0.2;
			var headPW = headerW*0.8 - 60; // 15+35
			$(".userHeader p").css({"line-height":headImgH+"px","width":headPW+"px"});
		};
		initFun();
		$(window).resize(function(){
			initFun();
		});
		// user Info Edit
		$(".editUserInfo").click(function(){
			window.location.href="/userCheckStart.html";
		});
		$(".expUserInfo").click(function(){
			window.location.href="/userLazyboard.html";
		});
		$(".userQRcode").click(function(){
			window.location.href = "/code/personQRCode.do?type=phone";
		});

		$.getJSON("/wx/getUserInfo.do", null, function (data) {
			switch (data.status) {
				case 0: case 1:
					$("#name").text(data.data.name);
					break;
				case -1: case -404:
					layer.msg(data.message);
					location.assign("login.html");
			}
		});

	});
</script>
</body>
</html>